草庐IT

DOM 封装

全部标签

〖大前端 - 基础入门三大核心之JS篇㊸〗- DOM事件对象的方法

说明:该文属于大前端全栈架构白宝书专栏,目前阶段免费,如需要项目实战或者是体系化资源,文末名片加V!作者:不渴望力量的哈士奇(哈哥),十余年工作经验,从事过全栈研发、产品经理等工作,目前在公司担任研发部门CTO。荣誉:2022年度博客之星Top4、2023年度超级个体得主、谷歌与亚马逊开发者大会特约speaker、全栈领域优质创作者。🏆白宝书系列🏅启示录-攻城狮的自我修养🏅Python全栈白宝书🏅ChatGPT实践指南白宝书🏅产品思维训练白宝书🏅全域运营实战白宝书🏅大前端全栈架构白宝书文章目录⭐事件对象的方法🌟e.preventDefault()方法🌟e.stopPropagation()方法

C# Tcplistener,Tcp服务端简易封装

文章目录前言相关文章前言设计代码简单使用运行结果前言我最近有个需求要写Tcp服务端,我发现Tcp服务端的回调函数比较麻烦,简化Tcp的服务,我打算自己封装一个简单的Tcp服务端。相关文章C#TCP应用编程三异步TCP应用编程C#TcpclientTcplistener服务器接收多个客户端消息通讯关于C#Socket断开重连问题前言我最近有个Tcp服务端的项目,发现TcpListener服务端官方写起来很麻烦。而且没有回调函数。现在做个简单的服务端封装设计#mermaid-svg-MfJRajt4eQGGeIC6{font-family:"trebuchetms",verdana,arial,s

【HarmonyOS开发】ArkTs关系型和非关系型数据库的存储封装

前面使用了首选项的存储方式,因此将其他的两种存储方式(键值型数据库和关系型数据库)也学习一下,简单记录一下,并进行封装,方便后续使用。1、效果预览2、使用条件2.1 键值型数据库        键值型数据库实现数据持久化width=device-width,initial-scale=1.0http://test.openharmony.cn:7780/pages/v4.0/zh-cn/application-dev/database/data-persistence-by-kv-store.md/设备协同数据库,针对每条记录,Key的长度≤896Byte,Value的长度单版本数据库,针对每

uniapp 微信小程序 封装axios 包含请求拦截、响应拦截、无感刷新令牌功能

前言:1、为什么不适用uniapp自带的请求功能?答:uniapp自带的请求功能,再刷新了令牌后,重新请求返回的数据无法返回给发起请求的方法。也就是说,刷新令牌后重新发起的请求和第一次发起请求的方法是割裂的。2、封装文件中,我设置了无感刷新令牌功能。我后台的判断逻辑是,当前端请求的令牌过期时间和当前时间比小于10分钟时,刷新令牌。 一、安装axios1.1、使用HBuilder打开uniapp项目,点击视图->显示终端,打开npm操作页面。1.2、如果项目中还没有“package.json”文件,请先初始化项目。npminit-y1.3、安装axios,建议锁定低版本(使用uniapp-vue

封装Detours用于Python中x64函数hook

Detours代码仓库:https://github.com/microsoft/Detoursx64写一个任意地址hook要比x86麻烦的多,所以这里直接封装框架来用于x64的hook。Detours是微软发布的一个APIhook框架,同时支持x86和x64,看文档说也支持ARM和ARM64的Windows。编译文档Detours翻了下github,并没有发现什么编译文档,就只有README里面有这么一段话:大概意思是说打开visualstudio的命令行,然后切换到源码目录,执行nmake就能编译,测试除了一个小问题确实是可以编译成功。visualstudio的命令行在开始菜单里打开,上面

WPF组合控件TreeView+DataGrid之TreeView封装

(关注博主后,在“粉丝专栏”,可免费阅读此文)     wpf的功能非常强大,很多控件都是原生的,但是要使用TreeView+DataGrid的组合,就需要我们自己去封装实现。我们需要的效果如图所示:这2个图都是第三方控件自带的,并且都是收费使用。现在我们就用原生的控件进行封装一个。本文源码效果如下,(搞了好几天,的确有难度,所以源码也收费,便宜,赚点辛苦费)功能如图所示,目前已经实现了一部分。首先说明一下,实现上面的效果,有3种方法第一种:技术的选择是TreeView(也就是本文的演示)。第二种:技术的选择是DataGrid。第三种:技术的选择是ListView。本文演示的是使用TreeVi

小程序问题:封装公共组件的onLoad方法不生效

 素材编辑 | 宋大狮排版运营 | 小唐狮ONE 问题描述因为许久没有接触小程序项目,今天在做小程序项目时,为了节省时间,将要修改的页面组件直接拿出来封装成了公共组件,同时也没多想就直接使用了。于是就出现了页面数据不能加载的问题,在一番打印查找之后,发现是组件中onLoad方法一直没有执行,导致内部的方法没有调用,表格里的数据没有拿到。 TWO 解决过程尝试一:思路:onLoad方法没有执行,考虑是否是页面未重新加载导致。实现:使用onShow方法,把onLoad方法中的函数搬到onLoad方法中调用。结果:失败,onShow方法依然没有执行。 尝试二:思路:既然不是声明周期的问题,考虑是否有

Go语言gin框架+gorm框架项目:使用jwt发放token,使用中间件实现用户认证以及以及封装http返回格式

1.准备工作1.官方网址:jwtpackage-github.com/dgrijalva/jwt-go-GoPackages2.安装jwt包gogetgithub.com/dgrijalva/jwt-go安装完成:3.在common目录下新建一个jwt.go文件 4.post请求get请求的区别POST请求和GET请求是两种常见的HTTP请求方法,它们有以下几个区别:GET请求会把请求参数拼接到URL后面,而POST请求则是将请求参数放在请求体中发送。因此,GET请求的请求参数会暴露在URL中,而POST请求的请求参数不会。GET请求通常用于请求资源,而POST请求通常用于提交数据。GET请求

JS-操作DOM

第一节、基本概念DOM:DocumentObjectModel【文档对象模型】文档:HTML文档【HTML文件】对象:HTML文档的每一个标签及其标签上的属性以及标签中的内容都解析一个对象【元素对象,属性对象,内容对象】模型:文档中对象以哪个方式来进行组织【树模型】DOM概念:浏览器在解析HTML文件时候,会将文件中每一个标签、属性、内容都解析为一个一个的对象,这些对象我们称之为节点。这些标签是以树结构进行组织,可以清晰描述出标签与标签之间的关系。第二节、节点的获取基础查找getElementById作用:根据标签的ID属性值获取元素语法:document.getElementById(“ID

记录-因为写不出拖拽移动效果,我恶补了一下Dom中的各种距离

这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助背景最近在项目中要实现一个拖拽头像的移动效果,一直对JSDom拖拽这一块不太熟悉,甚至在网上找一个示例,都看得云里雾里的,发现遇到最大的拦路虎就是JSDom各种各样的距离,让人头晕眼花,看到一个距离属性,大脑中的印象极其模糊,如同有一团雾一样,不知其确切含义。果然是基础不牢,地动山摇。今天决心夯实一下基础,亲自动手验证一遍dom各种距离的含义。JSDom各种距离释义下面我们进入正题,笔者不善于画图,主要是借助浏览器开发者工具,通过获取的数值给大家说明一下各种距离的区别。第一个发现window.devicePixelRatio的存在本打